.login {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 500px;
    width: 1100px;
    background: #fff;
    box-shadow: 2px 2px 4px #ccc;
    &-header {
        height: 100px;
        width: 100%;
        background: #f0f0f0;
        background-repeat: no-repeat;
        background-image: url("../images/HNUlogo.jpg");
    }
    .login-container {
        position: relative;
        height: 400px;
        width: 100%;
        display: relative;
        .login-container-side-image {
            height: 400px;
            width: 700px;
            display: inline-block;
            background-repeat: no-repeat;
            background-image: url("../images/HNUlefpic.jpg");
            background-position-y: center;
        }
        .login-container-con {
            position:absolute;
            right: 0;
            top: 33px;
            display: inline-block;
            height: 334px;
            width: 400px;
            .form-con {
                padding: 10px 0 0;
            }
            .login-tip {
                font-size: 10px;
                text-align: center;
                color: #c3c3c3;
            }
        }
    }
}